<!DOCTYPE html>
<html>
<head>
	<title>Buscador</title>
	<meta charset="utf-8"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="viewport" content = "user-scalable=no, width=device-width"/>
	<link rel="shortcut icon" href="Cliente/Imagenes/favicon.ico"> 
	
	<!-- ESTILOS --->	
	<link rel="stylesheet" href="Cliente/Estilo/bootstrap.css">        
	<link rel="stylesheet" href="Cliente/Scripts/Librerias/jqueryui-1.10.4/css/sunny/jquery-ui-1.10.4.custom.css">
	<link rel="stylesheet" href="Cliente/Estilo/font-awesome.css">      
	<link rel="stylesheet" href="Cliente/Estilo/buscador-mapa.css">
    <link rel="stylesheet" href="Cliente/Estilo/template.css">
	<link rel="stylesheet" href="Cliente/Estilo/estructura.css">	
	<link rel="stylesheet" href="Cliente/Scripts/Librerias/tag-it/css/jquery.tagit.css">
	<link rel="stylesheet" href="Cliente/Scripts/Librerias/tag-it/css/tagit.ui-zendesk.css">
	
	<!-- LIBRERIAS -->		
	<script type="text/javascript" src="Cliente/Scripts/Librerias/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="Cliente/Scripts/Librerias/jqueryui-1.10.4/js/jquery-ui-1.10.4.custom.js"></script>
	<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
	<script type="text/javascript" src="Cliente/Scripts/Librerias/gmap3.min.js"></script>
	<script src="Cliente/Scripts/Librerias/bootstrap.js"></script>  
	<script src="Cliente/Scripts/Librerias/tag-it/tag-it.js"></script>
			
	<!-- SCRIPTS -->	
	<script type="text/javascript" src="Cliente/Scripts/ajax_facil.js"></script>				
	<script type="text/javascript" src="Cliente/Scripts/map_manager.js"></script>	
	<script type="text/javascript" src="Cliente/Scripts/buscador-mapa.js"></script>
	
	<script language="javascript"> 
		var etiquetas_disponibles = <?=$var['etiquetas_disponibles']?>;	
	</script>
	
</head>
<body>
	
<? include $APP->header;?>
	<div class="todo">
		<div class="container text-center">
			<a href="inicio" class="volver"><i class="fa fa-arrow-left"></i> Volver</a>
			
			<div id="tituloMapa"> <b> Empezá a buscar!</b> </div> 	
			<div id="gris">
			
				<div class="col-md-12 col-sm-12">
				
					<div class="buscador">
						
						<select name="combo-tipo" id="combo-tipo"> 
							<option value="Seleccione">Seleccione</option>
							<option value="0">Objeto</option> 
							<option value="1">Servicio</option> 
						</select>
						
						<select name="combo-categoria" id="combo-categoria"> 
							<option value="Seleccione">Elige una categoria para filtrar tu busqueda</option>															
						</select>
								
						
						<!--input name="txtBuscar" type="text" id="txtBuscar" placeholder="Escribí el producto/servicio deseado..."-->
						<div id="grupo-buscador">
							<ul id="txtEtiqueta"></ul>
							<button id="btnBuscar" title="Buscar"><i class="fa fa-search"></i></button>
						</div>
						<input name="hidEtiqueta" id="hidEtiqueta" value="" type="hidden">						
						<br><br>						
						<div id="aclaracionMapa"><i class="fa fa-info-circle"></i> Verás los resultados en el mapa y además en forma de lista.</div> 	
					</div> 
					
				</div> 
		    </div> 
			
			<div class="col-md-8  col-sm-12" style="padding:0;padding-right:5px;" >
				<div id="mapa" class="mapa"></div>		
			</div>	
			<div class="col-md-4 col-sm-12" style="padding:0" >
				<div id="panel">
					Seleccione una categoria e ingrese palabras claves para encontrar los productos deseados.
				</div>
			</div>		
			
		</div>						
	</div>
		
	<? include $APP->footer;?>

</body>
</html>